import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
import Home from '../views/Home.vue'
// @ts-ignore
import Container from '../components/container/index.vue'

const routes:RouteRecordRaw[] = [
    {
        path: '/',
        component: Container,
        children: [
            {
                path: '/',
                component: Home
            },
            {
                path: '/chooseIcon',
                component: () => import('../views/chooseIcon/index.vue')
            },
            {
                path: '/selectArea',
                component: () => import('../views/selectArea/index.vue')
            },
            {
                path: '/trend',
                component: () => import('../views/trend/index.vue')
            },
            {
                path: '/notification',
                component: () => import('../views/notification/index.vue')
            },
            {
                path: '/menu',
                component: () => import('../views/menu/index.vue')
            },
            {
                path: '/progress',
                component: () => import('../views/progress/index.vue')
            },
            {
                path: '/chooseTime',
                component: () => import('../views/chooseTime/index.vue')
            },
            {
                path: '/chooseCity',
                component: () => import('../views/chooseCity/index.vue')
            },
            {
                path: '/form',
                component: () => import('../views/form/index.vue')
            },
            {
                path: '/table',
                component: () => import('../views/table/index.vue')
            },
            {
                path: '/calendar',
                component: () => import('../views/calendar/index.vue')
            }
        ]
    },

]

const router = createRouter({
    routes,
    history: createWebHashHistory()
})

export default router
